๐
๋ง๋์ ๋ฐ๊ฐ์์!
May 08, 2022
๐ ์๊ธฐ์๊ฐ
์๋ ํ์ธ์ ์ฆ๊ฑฐ์ด ๊ฐ๋ฐ์๋ฅผ ๊ฟ๊พธ๋ ์ด์ฑ์ธ์ด๋ผ๊ณ ํฉ๋๋ค.
์ฌ๋์ ์ฑ์ธ์๋ก ๋ ์ง์คํ๊ณ ๋ฌด๊ฑฐ์ด ์ฌ๋์ด ๋๋ค๊ณ ๋ค ํฉ๋๋ค.
์ ๋ ๊ทธ๋ผ์๋ ์ ๊ฐ ๊ฐ์ง๊ฑธ ๋๋๊ณ ๋น์ฐ๊ธฐ์ ๊ด์ฌ์ด ์์ต๋๋ค.
๋์ ๋ฅ๋ ฅ๊ณผ ๋ฐฐ์์ด ๋ถ์กฑํ ์ง๋ผ๋ ๋๊ตฐ๊ฐ์๊ฒ ๊ฐ์น๊ฐ ์๋ค๋ฉด ์๋์์ด ๋๋๊ณ ์ถ์ต๋๋ค.
์ง์์ ๋๋๊ณ ํจ๊ป ์ฑ์ฅํจ์ ์ฆ๊ฑฐ์์ ๋๋ผ๋ฉฐ ๋๊ตฐ๊ฐ์๊ฒ ๋์์ด ๋๋๊ฒ์ ํฐ ๊ธฐ์จ์ ๋๋๋๋ค.
์ด ๋ธ๋ก๊ทธ ๋ํ ์ ๋ฅผ ๋น์๋ด๋ ๊ณผ์ ๋ค ์ค ํ๋๋ฆฌ๋ผ ์๊ฐํฉ๋๋ค.
์ด ๋ธ๋ก๊ทธ๋ ์ ๊ฐ FE๊ฐ๋ฐ์๋ฅผ ๊ฟ๊พธ๋ฉฐ ์ฑ์ฅํด ๋๊ฐ๋ ์ด์ผ๊ธฐ์ ์ผ์์ ๋ด์ ์์ ์ ๋๋ค.
์ด ๊ธ์ ์ฐ๋ ์์ ๊ณผ ์ฐจํ ๋ฐฉ๋ฌธํ์๋ ๋ถ๋ค์ด ์ ์์ทจ๋ฅผ ํตํด์ ์กฐ๊ธ์ด๋ผ๋ ๋์์ด ๋์๊ธธ ๋ฐ๋ผ๋ฉฐ
์กฐ๊ธ์ฉ, ๊ทธ๋ฌ๋ ๊พธ์คํ ๋จ๊ฒจ๋ณด๊ฒ ์ต๋๋ค.
ํ์ฌ ์ํฉ
- ์ธํ๋ํ๊ต ์ ๋ณดํต์ ๊ณตํ๊ณผ 3ํ๋
- FE์ ๊ด์ฌ์ ๊ฐ์ง๊ฒ ๋์ง ์ฝ 1๋ (2021.7 ~ ํ์ฌ)
- ๋ฉ์์ด ์ฌ์์ฒ๋ผ 9๊ธฐ(์น ์๋น์ค์ ํฅ๋ฏธ๋ฅผ ๊ฐ์ง)
- ๋ฉ์์ด ์ฌ์์ฒ๋ผ 10๊ธฐ ์ด์์ง (FE)
- css์ค๋ ฅ : ๋์์ธ์ด ์๋ ๊ธฐ์ด์ ์ธ view ์์ ์ ๊ฐ๋ฅ (๋ค๋ง animation , ๊ฐ์์ ํ์ ๋ฑ์ ๋ฏธ์)
- js์ค๋ ฅ : react๋ฅผ ํตํด์ js๋ฅผ ์ตํ๊ธฐ์ ๊ธฐ์ด๊ฐ ๋ง์ด ๋ถ์กฑ
- react : styled-component, props, useState, useEffect๋ฑ ์ด๋ ต์ง ์์ ๊ฐ๋ ์ ๋๋ง ์๊ณ ์์
- git : ๋ค์์ ํ๋ก์ ํธ์ ํํ๋ก ์ธํด ๊ธฐ๋ณธ์ ์ธ ์ฌ์ฉ๋ฒ์ ๋ชจ๋ ์ตํ ์ํ ํ์ฌ ํฌ๋ผ์ผ์ ํตํด์ ์ฌ์ฉ์ค
- cs : ๊ฑฐ์ ์์ต๋๋คโฆ
- ์๊ณ ๋ฆฌ์ฆ : ๋ณดํต ์ฝํ 5๋ฌธ์ ์ค 2๋ฌธ์ ๊น์ง๋ ์์ฌ์์ฌํ๊ฒ ํ์ ์๋ ์ค๋ ฅ, ์ต๊ทผ 3๋ฒ์ ์ฝํ ๋ฅผ ๋ชจ๋ ๋จ์ด์ก์ต๋๋ค.
์ ๊ฐ ์๊ฐํ๋ ์ ์ ๊ฐ๊ด์ ์ธ ๊ฐ๋ฐ ์ค๋ ฅ์ react๋ ํ๋ก ํธ ์๋ ๊ด๋ จ๊ฐ์๋ฅผ 2๋ฒ์ด์ ๋ค์๋ค๋ฉด ๋น์ทํ ์ค๋ ฅ์ด ๋๋ฆฌ๋ผ ์๊ฐํฉ๋๋ค.
๋ค ์ ์ด๋ณด๋ ์๊ฐ์ ๋นํด ๋ง์ ์ฑ์ฅ์ ํ์ง ๋ชปํ๊ฒ ๊ฐ์ต๋๋ค.
๊ฐ๊ธธ์ด ๋ฉ์ง๋ง, ์ ์ง์ผ๋ด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ทธ๋ผ ๋ ๋๋ณด๊ฒ ์ต๋๋ค :)
๋ฐฉ๋ฌธํด์ฃผ์ ์ฌ๋ฌ๋ถ์ ํ๋ฃจ๋ฅผ ์์ํฉ๋๋ค. ๐